<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link href="css/css.css" type="text/css" rel="stylesheet" />
    <title>Jquery中级高级练习</title>
</head>
<body>
<div id="containerThree">
    <div class="div-a"><a href="html/alphabeticalOrder.html">将选择框中选项按照字母顺序排列</a></div>
    <div class="div-a"><a href="html/countNum.html">div元素计数效果</a></div>
    <div class="div-a"><a href="html/setColor.html">将div元素字体颜色设置为div元素内容所定义的颜色</a></div>
    <div class="div-a"><a href="html/validity.html">判断输入框对应值正确性&置换数据表两行的顺序&生成div元素闪烁效果</a></div>
    <div class="div-a"><a href="html/wheelSurf.html">老虎机抽奖</a></div>
</div>

<div class="slider">
    <ul>
        <li><img src="http://www.gbtags.com/gb/networks/uploads/afb73f09-8334-46b2-ad66-4abeb7c67a0a/images/gbtags1.jpg" alt="image"></li>
        <li><img src="http://www.gbtags.com/gb/networks/uploads/afb73f09-8334-46b2-ad66-4abeb7c67a0a/images/gbtags2.jpg" alt="image"></li>
        <li><img src="http://www.gbtags.com/gb/networks/uploads/afb73f09-8334-46b2-ad66-4abeb7c67a0a/images/gbtags3.jpg" alt="image"></li>
        <li><img src="http://www.gbtags.com/gb/networks/uploads/afb73f09-8334-46b2-ad66-4abeb7c67a0a/images/gbtags4.jpg" alt="image"></li>
    </ul>
</div>

<div id="slider-nav">
    <button data-direction="prev"> &laquo;　上一个</button>
    <button data-direction="next">下一个 &raquo;</button>
</div>

</body>
</html>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jqueryTest.js"></script>
